<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,
				minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/normalize.css" />
		<link rel="stylesheet" href="css/index.css"/>
		<title>携程在手，说走就走</title>
	</head>
	<body>
		<!--flex布局-->
		<div class="search-index">
			<div class="search">搜索:目的地/酒店/景点/航班号</div>
			<a href="#" class="user">我 的</a>
		</div>
		<!--focus-->
		<div class="focus">
			<img src="upload/focus.jpg" alt="" />
		</div>
		<!--local_nav-->
		<ul class="local_nav">
			<li>
				<a href="#" title="景点❤ 玩乐">
					<span class="local_nav_icon_icon1"></span>
					<span>景点❤ 玩乐</span>
				</a>
			</li>
			<li>
				<a href="#" title="周边游">
					<span class="local_nav_icon_icon2"></span>
					<span>周边游</span>
				</a>
			</li>
			<li>
				<a href="#" title="美食林">
					<span class="local_nav_icon_icon3"></span>
					<span>美食林</span>
				</a>
			</li>
			<li>
				<a href="#" title="一日游">
					<span class="local_nav_icon_icon4"></span>
					<span>一日游</span>
				</a>
			</li>
			<li>
				<a href="#" title="当地攻略">
					<span class="local_nav_icon_icon5"></span>
					<span>当地攻略</span>
				</a>
			</li>
		</ul>
		<!--nav-->
		<nav>
			<div class="nav_common">
				<div class="nav_items">
					<a href="#">酒店</a>
				</div>
				<div class="nav_items">
					<a href="#">海外酒店</a>
					<a href="#">特价酒店</a>
				</div>
				<div class="nav_items">
					<a href="#">团购</a>
					<a href="#">民宿客栈</a>
				</div>
			</div>
			<div class="nav_common">
				<div class="nav_items">
					<a href="#">酒店</a>
				</div>
				<div class="nav_items">
					<a href="#">海外酒店</a>
					<a href="#">特价酒店</a>
				</div>
				<div class="nav_items">
					<a href="#">团购</a>
					<a href="#">民宿客栈</a>
				</div>
			</div>
			<div class="nav_common">
				<div class="nav_items">
					<a href="#">酒店</a>
				</div>
				<div class="nav_items">
					<a href="#">海外酒店</a>
					<a href="#">特价酒店</a>
				</div>
				<div class="nav_items">
					<a href="#">团购</a>
					<a href="#">民宿客栈</a>
				</div>
			</div>
		</nav>
		<!--subnav_entry-->
		<ul class="subnav_entry">
			<li>
				<a href="#">
					<span class="subnav_bg1"></span>
					<span>wifi电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav_bg2"></span>
					<span>wifi电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav_bg3"></span>
					<span>wifi电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav_bg4"></span>
					<span>wifi电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav_bg5"></span>
					<span>wifi电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav_bg6"></span>
					<span>wifi电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav_bg7"></span>
					<span>wifi电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav_bg8"></span>
					<span>wifi电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav_bg9"></span>
					<span>wifi电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav_bg0"></span>
					<span>wifi电话卡</span>
				</a>
			</li>
		</ul>
		<!--sales-box-->
		<div class="sales-box">
			<div class="sales-hd">
				<h2>热卖活动</h2>
				<a href="#" class="more">获取更多福利</a>
			</div>
			<div class="sales-bd">
				<div class="row">
					<a href="#">
						<img src="upload/pic1.jpg"/>
					</a>
					<a href="#">
						<img src="upload/pic2.jpg"/>
					</a>
				</div>
				<div class="row">
					<a href="#">
						<img src="upload/pic3.jpg"/>
					</a>
					<a href="#">
						<img src="upload/pic4.jpg"/>
					</a>
				</div>
				<div class="row">
					<a href="#">
						<img src="upload/pic5.jpg"/>
					</a>
					<a href="#">
						<img src="upload/pic6.jpg"/>
					</a>
				</div>
			</div>
		</div>
	</body>
</html>
